<template>
  <div class="EmptyState">
    <img :src="showImg" alt="" class="emptyImg">
    <p class="emptyMsg">{{msg}}</p>
  </div>
</template>

<script>
  export default {
    name: "EmptyState",
    props:{
      msg:{
        type:String,
        default:'这里什么都没有喔~'
      },
      showImg:{
        type:String,
        default: "../../../../static/img/empty666.png"
      }
    }
  }
</script>

<style scoped>
  .EmptyState {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  .emptyImg {
    width: 2.3rem;
    height: 1.75rem;
    margin: .3rem auto;
  }
  .emptyMsg {
    font-size:.14rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #666666;
  }
</style>
